<style scoped>
    #topPart {
        background: url("../images/topbg 2.png"), no-repeat;
        background-size: 100% 100%;
    }

    #topPart .logo {
        background: url("../images/logoback.png") no-repeat;
        background-size: 100% 100%;
    }

    #topPart .userBox {
        position: absolute;
        right: 10%;
        height: 100%;
        width: 120px;
    }

    #topPart .downMenu {
        width: 100%;
        font-size: 14px;
        color: #fff;
    }

    @media screen and (min-width: 1440px ) {
        #topPart .logo {
            width: 340px;
            height: 32px;
            margin: 14px 0px 0px 15px;
        }

        #topPart {
            height: 58px;
        }

        #topPart .userBox {
            line-height: 58px;
        }
    }

    @media screen and (min-width: 1366px ) and (max-width: 1440px ) {
        #topPart {
            height: 54px;
        }

        #topPart .logo {
            width: 316px;
            height: 30px;
            margin: 12px 0px 0px 15px;
        }

        #topPart .userBox {
            line-height: 54px;
        }
    }

    @media screen and (min-width: 1280px ) and (max-width: 1366px ) {
        #topPart {
            height: 50px;
        }

        #topPart .logo {
            width: 330px;
            height: 28px;
            margin: 12px 0px 0px 15px;
        }

        #topPart .userBox {
            line-height: 50px;
        }
    }

    @media screen and (min-width: 1024px ) and (max-width: 1280px ) {
        #topPart {
            height: 47px;
        }

        #topPart .logo {
            width: 310px;
            height: 27px;
            margin: 11px 0px 0px 15px;
        }

        #topPart .userBox {
            line-height: 47px;
        }
    }

    @media screen and (max-width: 1024px ) {
        #topPart {
            height: 37px;
        }

        #topPart .logo {
            width: 274px;
            height: 24px;
            margin: 7px 0px 0px 15px;
        }

        #topPart .userBox {
            line-height: 37px;
        }
    }
</style>
<template>
    <div id="topPart">
        <Row style="height: 100%;">
            <Col style="height: 100%;" span="12">
            <div class="logo"></div>
            </Col>
            <Col style="height: 100%;" span="12">
            <!--<div class="userBox">-->
                <!--<Dropdown style="margin-left: 20px">-->
                    <!--<a class="downMenu" href="javascript:void(0)">-->
                        <!--{{user}}-->

                        <!--<Icon type="arrow-down-b"></Icon>-->
                    <!--</a>-->
                    <!--<DropdownMenu slot="list">-->
                        <!--<DropdownItem style="color: #37b3b3">-->

                                <!--<i class="iconfont">&#xe636;</i>-->
                                <!--个人中心-->

                        <!--</DropdownItem>-->
                        <!--<DropdownItem>-->
                            <!--<i class="iconfont">&#xe71f;</i>-->
                            <!--退出登录-->
                        <!--</DropdownItem>-->
                    <!--</DropdownMenu>-->
                <!--</Dropdown>-->
            <!--</div>-->
            </Col>
        </Row>
        <!--<Modal v-model="userModal" width="500" :mask-closable="false" @on-cancel="cancel">-->
            <!--<p slot="header" style="color:#eeebeb;">-->
                <!--<span>个人中心</span>-->
            <!--</p>-->
            <!--<div class="tabper">-->
                <!--<Tabs v-model="userTab">-->
                    <!--<Tab-pane  class="permess" label="个人信息" style="padding: 20px 0 120px;" name="userInfoTab">-->
                        <!--<Form ref="userValidate" :model="userValidate" label-position="left" :label-width="80">-->
                            <!--<Form-item label="登录账号：">-->
                                <!--<span>{{userValidate.username}}</span>-->
                            <!--</Form-item>-->
                            <!--<Form-item label="真实姓名：">-->
                                <!--<span>{{userValidate.name}}</span>-->
                            <!--</Form-item>-->
                            <!--<Form-item label="注册时间：">-->
                                <!--<span>{{new Date(userValidate.createTime).format("yyyy-MM-dd hh:mm:ss")}}</span>-->
                            <!--</Form-item>-->
                            <!--<Form-item label="所属部门：">-->
                                <!--<span>{{userValidate.department}}</span>-->
                            <!--</Form-item>-->
                            <!--<Form-item label="登录IP：">-->
                                <!--<span>{{userValidate.clientip}}</span>-->
                            <!--</Form-item>-->
                        <!--</Form>-->
                    <!--</Tab-pane>-->
                    <!--<Tab-pane  class="passmess" label="密码修改" style="padding-top: 20px;" name="editPwTab">-->
                        <!--<Form ref="formCustom" :model="formCustom" :rules="ruleCustom" label-position="left" :label-width="80">-->
                            <!--<Form-item label="原始密码：" prop="password">-->
                                <!--<Input type="password" v-model="formCustom.password" style="width: 220px"></Input>-->
                            <!--</Form-item>-->
                            <!--<Form-item label="新密码：" prop="newPs">-->
                                <!--<Input type="password" v-model="formCustom.newPs" style="width: 220px"></Input>-->
                            <!--</Form-item>-->
                            <!--<Form-item label="确认密码：" prop="confirmPs">-->
                                <!--<Input type="password" v-model="formCustom.confirmPs" style="width: 220px"></Input>-->
                            <!--</Form-item>-->
                            <!--<Form-item  class="lastbutton">-->
                                <!--<Button class="save" type="primary" @click="editPwSubmit('formCustom')" :loading="modal_loading">保存</Button>-->
                            <!--</Form-item>-->
                        <!--</Form>-->
                    <!--</Tab-pane>-->
                <!--</Tabs>-->
            <!--</div>-->
            <!--<div slot="footer">-->

            <!--</div>-->
        <!--</Modal>-->
    </div>
</template>
<script>
    import util from '../libs/util';
    export default {
        data () {
            return {
                user: '',
            }
        },
        mounted() {

        },
        methods: {}
    };
</script>